@charset "utf-8";

/***************************宽屏样式(start)***************************
.w_1200 .wrap{width:1200px;}
.w_1200 .page_banner .box{width:1304px;margin-left:-652px;}
.w_1200 .rightside{width:912px;}
.w_1200 .prolist .item{width:277px; margin: 0 0 40px 40px;}
.w_1200 .prolist .first{margin-left: 0;}
.w_1200 .prolist .item .img{height:277px;}
.w_1200 #lib_inquire_list > ul > li .info{width:670px;}
.w_1200 #pdetail .detail{width:410px;}
***************************宽屏样式(end)***************************/
/*动画时间*/
*{font-family:'Lucida Sans Unicode';color: #333;}
html, div{outline:0;}
.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.trans5{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.trans7{ transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}
.wrap{width: 1200px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.over{overflow:hidden;}
.ovauto{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#lib_review_form .form_button,.pro_right .down_list li a,#lib_down_list li a,#turn_page .page_item_current,.form_button{background: #ffae00;}
.form_button{width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
#lib_inquire_list>ul>li .info{width:506px;}
#turn_page{margin-top: 80px;}

#top{line-height:34px; height:34px; background:#1e283a;}
#top .h_nav{display:block; height:28px;  padding:0 6px; margin-top:4px;}
#top .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px; color:#d3d3d3;}
#top .h_nav li a{color:#d3d3d3;}
#top .h_nav li.line{padding:0;}
#top .h_nav li.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px;}
#top .h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
#top .h_nav li.lang{background:url(../images/ico.png) 50px -52px no-repeat; padding-right:20px;}
#top .h_nav li.lang:hover{position:relative; z-index:1000;}
#top .h_nav li.lang .language_silder{position:absolute; right:-6px; top:22px; display:none; background:#ffffff; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;}
#top .h_nav li.lang .language_silder a{color:#333;}
#top .h_nav li.lang:hover .language_silder{display:block;}
#top .h_nav li.lang:hover dl{}

#header{z-index:100;background: #fff; height: 100px;}
#header .header_in{ width: 100%; height: 100px; background: #fff;}
#header .header_in.fixed{ position: fixed; left: 0; top: 0; z-index: 100;}
#header .logo{width: 20%;height: 100px;}
#header .search{position: relative;float: right;z-index:1100;}
#header .search em{position: absolute;width: 0;height: 0;top: -8px;right: 10px;border:4px solid transparent;border-bottom: 4px solid #f5ab04;}
#header .search .ico{width:32px; height: 81px;margin-top: 10px;margin-right: -32px;background:url(../images/search.png) no-repeat right center; cursor:pointer;}
#header .search .formdiv{display: none;position:absolute; top:115px;right:-32px;width: 246px;height: 26px;padding: 5px;background: #f5ab04;}
#header .search .formdiv .text{width: 212px;height: 26px;line-height: 26px;text-indent: 5px;outline: none;border:none;background: none;font-size: 14px;background: #fff;}
#header .search .formdiv .sub_btn{float: right;width:29px; height:26px;border:none; cursor: pointer;font-size: 14px;font-family: 'Arial';background: none;color: white;}
#header .rheader{float: right;width: 76%;padding-right: 32px;}
#header .rheader .nav{float: right;max-width: 100%;text-align: center;font-size: 0;margin-top: 10px;}
#header .rheader .nav .item{display: inline-block;margin: 0 10px;position:relative; z-index:100;}
#header .rheader .nav .item .a0{position: relative;display:block; text-decoration:none; height:81px; line-height:81px; padding:0 10px;font-size:16px;text-align:center;color: #000000;}
#header .rheader .nav .item .a0:before{position: absolute;bottom: -16px;left: 0;right: 0;content:'';width: 0;height: 0;margin:auto;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
/*#header .rheader .nav .item:hover .a0:before{bottom: 16px;width: 13px;height: 11px;background: url(../images/navbg.png) no-repeat center center;transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}*/
#header .rheader .nav .item .sub{width:234px;margin-left: -117px;background:#e4012e; padding-top: 0px;padding-bottom: 0px;background:rgba(243,160,2,0.8); position:absolute; top:80px; z-index:100; left: 50%;}
#header .rheader .nav .item .sub .si{position: relative;margin: 0 11px;border-top: 0px solid #edd397;text-align: left;}
#header .rheader .nav .item .sub .si:first-child{border-top: none;}
#header .rheader .nav .item .sub .si:first-child:before{content: '';position: absolute;top: 0px;left: 0;right: 0;width: 0;margin:auto;border-bottom: 0px solid #f3a002;border-left: 0px solid transparent;border-right: 0px solid transparent;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
#header .rheader .nav .item .sub .si a{position: relative;color:#666666; display:block; height: 0px; overflow: hidden;line-height:0px; text-indent: 25px;text-decoration:none; font-size:14px;color: white;}
#header .rheader .nav .item .sub .si a:before{content: '';position: absolute;left: 6px;top: 0;bottom: 0;margin: auto;width: 4px;height: 4px;border: 1px solid white;border-radius: 3px;}
#header .rheader .nav .item:hover .a0{color: #ffae00;}
#header .rheader .nav .item:hover .sub{padding-top: 10px;padding-bottom: 13px;}
#header .rheader .nav .item:hover .sub .si{border-top-width: 1px; }
#header .rheader .nav .item:hover .sub .si a{height: 45px;line-height: 45px;}
#header .rheader .nav .item:hover .sub .si:first-child:before{top: -19px;border-bottom-width: 10px;border-left-width: 10px;border-right-width: 10px;}
/************ header end *****************/
.page_banner{width:100%; position:relative; z-index:1;overflow: hidden;padding-bottom: 56px;}
.page_banner .box{width: 100%; position:relative; z-index:1; text-align:center;}
/*.page_banner .box:before{content:'';position: absolute;bottom: -27px;left: -78px;width: 277px;height: 2px;background: #ffae00;z-index: 1;}*/
/*.page_banner .box:after{content:'';position: absolute;bottom: -55px;left: -31px;width: 2px;height: 406px;background: #ffae00;z-index: 1;}*/
.leftside{width:240px;background: #ffffff;margin-top: 56px;margin-bottom: 30px;}
.rightside{width: 910px;margin-top: 56px;}
.leftmenu{padding-bottom: 5px;}
.lefttitle{height: 47px;line-height: 47px;font-size: 19px;padding-bottom: 24px;margin-bottom: 17px;font-size: 19px;color: #101010;}
.leftmenu .item{}
.leftmenu .item:first-child{border-top: none;}
.leftmenu .item .ia{padding: 0 10px 0 32px;height:60px; line-height:60px; display:block; overflow:hidden; text-decoration:none;font-size:14px; color: #101010;}
.leftmenu .item .ia:hover, .leftmenu .item.cur .ia{color:#000000;}
.leftmenu .item.hasub .ia{background: url(../images/default.png) no-repeat left center;}
.leftmenu .hasub.cur .ia{background:  url(../images/cur.png) no-repeat left center;}
.leftmenu .cur .ia{height: 37px;line-height: 37px;}
.leftmenu .item .subcate{padding-bottom: 11px;display:none;}
.leftmenu .item .subcate .sia{position: relative;display:block; height: 30px;overflow: hidden;line-height:30px; padding: 0 15px 0 27px;font-size:14px; color:#888888; text-decoration:none;}
.leftmenu .item .subcate .sia:first-child{border-top: none;}

.leftmenu .item .subcate .sia3{padding: 0 10px 0 45px;height: 30px;line-height: 30px;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{color:#f8ac00;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #f8ac00;}
.leftmenu .item.cur .subcate{display:block;}
.rtitle{height: 47px;line-height: 47px;padding-bottom: 24px;margin-bottom: 17px;}
.rtitle .tname{ color:#101010; font-size:19px;}
#position{float: right;color: #626262;font-size: 14px;}
#position a{display: inline-block;margin: 0 6px;color:#626262;font-size: 14px;}
#position .last{color: #626262;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist{ margin-top: 37px;margin-bottom: 37px;}
.prolist .item:nth-child(1){ margin-top: 0;}
.prolist .item:nth-child(2){ margin-top: 0;}
.prolist .item:nth-child(3){ margin-top: 0;}
.prolist .item{ margin: 80px 30px 0 0; width: 30.4396%;}
.prolist .item:nth-child(3n){ margin-right: 0;}
.prolist .item.mt{ margin-top: 0;}
.prolist .item .img{ display: block; width: 100%; height: 277px; text-align: center;}
.prolist .item .name{ display: block; margin-top: 25px; padding: 0 22px; width: 100%; height: 48px; line-height: 20px; font-size: 14px; color: #242424; text-align: center; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-sizing: border-box; box-sizing: border-box;}
.prolist .item .price{ margin: 3px 0; width: 100%; height: 30px; line-height: 30px; text-align: center;}
.prolist .item .more{ display: block; margin: 0 auto; width: 149px; height: 42px; line-height: 42px; border: 2px solid #242424; font-size: 14px; color: #242424; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.prolist .item:hover .more{ background: #f6a002; border-color: #f6a002; color: #fff;}
/*
.prolist .item{float: left;width: 230px;margin: 0 0 20px 10px;text-align: center;padding: 0;}
.prolist .first{margin-left: 0;}
.prolist .img{width: 100%;height: 230px;overflow: hidden;}
.prolist .name{position: relative;display: block;height: 40px;padding-top: 49px;margin: 0 15px 0px;overflow: hidden;font-size: 14px;color: #242424;line-height: 20px;}
.prolist .name:before{content:'';position: absolute;left: 0;right: 0;top: 24px;margin:auto;width: 24px;height: 2px;background: #b5b5b5;}
.prolist .price{height: 25px;line-height: 25px;margin: 5px;font-size: 14px;color: #f6a002;}
.prolist .more{display: inline-block;padding: 0 22px;height: 38px;line-height: 38px;text-decoration: none;border:2px solid #242424;font-size: 14px;color: #000;text-transform: uppercase;}
.prolist .item:hover .more{background: #f6a002;border-color: #f6a002;color: white;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
*/
/*************** 产品详细 *******************/
#pdetail{margin-top:20px;}
#pdetail .detail{width:250px}
#pdetail .info{width:100%;}
#pdetail .name{font-size:18px; line-height:150%;}
#pdetail .brief{color:#999; font-size:14px; line-height:20px; border-bottom:1px dashed #ccc;}
#pdetail #attribute{margin-top:15px;}
#add_to_inquiry{background:#1e283a;}
#pdetail .description{margin-top:10px;}
#pdetail .description .hd{background:#f7f7f7; overflow:hidden;}
#pdetail .description .hd span{height:40px; text-align:center; line-height:40px; padding:0 9px; font-size:18px; color:#333; float:left; cursor:pointer;}
#pdetail .description .hd span.cur{color:#e4012e;}
#pdetail .description .bd .desc_txt{padding:18px 0; min-height:200px; line-height:180%;}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:450px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:450px; max-height:450px; overflow:hidden; border:1px solid #f0f0f0;}
#pdetail .gallery .bigimg a{width:450px; display:block; text-align:center; vertical-align:middle;}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../../../images/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:450px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-left:6px; border:1px solid #666; display:block; width:83px; height:83px; overflow:hidden; text-align:center;}
#pdetail .gallery #small_img .bd span:first-child{margin-left:0px;}
#pdetail .gallery #small_img .bd span.on{border:1px solid #d8b1aa;}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/
/************ footer *****************/
#footer{background: #f7f7f7;margin-top: 110px;padding-top: 37px;border-top: 2px solid #e1e1e1;}
#footer .footmsg{text-align: justify;}
#footer .footmsg ul{display: inline-block;vertical-align: top;}
#footer .footmsg li.title{font-size: 18px;color: #000;height: 40px;line-height: 40px;}
#footer .footmsg li a{display: block;color: #676767;height: 38px;line-height: 38px;font-size: 14px;}
#footer .footmsg ul.contact{width: 306px;text-align: left;}
#footer .footmsg li.tips{margin-top: 10px;margin-bottom: 16px;line-height: 22px;font-size: 14px;color: #676767; font-style: italic;}
#footer .footmsg .br{display: inline-block;width: 100%;height: 0;font-size: 0;}
#footer .copyright{padding:20px 0;color: #676767;margin-top: 42px;border-top: 1px solid #dadada;}
#footer .copyright *{ line-height: 40px; font-size: 14px;color: #676767;}
.foot_share{float: right;font-size: 0;}

#newsletter{position: relative;}
#newsletter .text{width: 254px;height: 45px;padding: 0 38px 0 12px;border:1px solid #aaaaaa;border-radius: 5px;background: none; font-style: italic;}
#newsletter .sub{position: absolute;right: 1px;top: 1px;width: 38px;height: 45px;background: url(../images/email.png) no-repeat center;border:none;z-index: 1;cursor: pointer;}

@media screen and (max-width: 1217px){
	.wrap{ width: 98%;}
	.rightside{ width: 710px;}
	#header .rheader .nav .item .a0{ padding: 0 5px;}
}

@media (max-width: 991px){
	#top{ display: none;}
	.pro_cate{ display: none;}
	.leftside{display: none;}
	.rightside{ margin: 0 auto; float: none; width: 98%;}
}

@media (max-width: 750px){
	#lib_inquire_list>form .rows span .input{width: 100%;}
	#lib_inquire_list>form .rows span select{width: 100%;}
	.inquiry .rtitle{height: inherit;display: flex;flex-direction: column-reverse;}
	.inquiry #position{float: none;}
	#lib_inquire_list>form .rows span .input{box-sizing: border-box;}
	#lib_inquire_list>form .rows span .contents{width: 100%;box-sizing: border-box;}
	#lib_inquire_list>form .rows span .chzn-container{width: 100%;}
	#lib_inquire_list>form .rows label{text-indent: 0;}
	.inquiry .rtitle .tname{float: none;}
	body #lib_inquire_list>ul>li .info{width: 100%;}
	.ueeshop_responsive_products_detail .description{margin-top: 30px;}
	body .wholesale .wholesale_out .bx-controls-direction a.bx-next{right: 0;}
	body .wholesale .wholesale_out .bx-controls-direction a.bx-prev{left: 0;}
	.rtitle{ padding-bottom: 0; margin-bottom: 0;}
	.prolist .item{ width: 48%; margin-right: 2%;margin-top: 0;margin-bottom: 20px;}
	#turn_page{margin-top: 40px;}
	.prolist .item .img{height: 138px;}
	#turn_page span{margin: 4px;}
	.prolist .item:nth-child(2n){ margin-right: 0;}
	#footer{ margin-top: 5vw;}
	#footer .footmsg ul{ display: block; border-bottom: 1px solid #ccc;}
	#footer .footmsg ul li{ display: none;}
	#footer .footmsg ul li.title{ display: block !important;}
	#footer .footmsg ul.contact{ width: 100%; border-bottom: 0;}
	#footer .footmsg ul.contact li{ display: block !important;}
}


/* top_language cart */
.default_shopping_cart{padding-left: 18px;background-size: 14px auto;background-position: left center;filter: brightness(0) invert(1);}
/*.global_shopping_cart_box *{color: #fff!important;}*/

#turn_page a.page_button{width: auto;padding: 0 12px;}